@import "@/styles/variables.scss";

.issueDetails-view{
  background-color: white;
  height: calc(100vh - 80px);
  width: calc(100vw - 344px);
  overflow-x: auto;

  .el-divider{
    margin: 0;
  }

  .scroll-view{
    min-width: 970px;
    height: calc(100vh - 141px);
    overflow-y: auto;
    margin-bottom: $collection-y;
  }

  .patientView{
    border: 0.5px $border-color solid;
    margin: $collection-y $collection-x;
    min-width: 1068px;

    .grayTitle{
      color: $font-color-info;
    }
    .title{
      color: $main-color;
      padding: $block-y $block-x;
      background-color: $table-top-bg;
      border-bottom: 0.5px $border-color solid;
    }

    .information-item{
      padding-right: $block-x;

      .value{

      }
    }

    .bese-information{
      display: flex;
      padding: $block-y $block-x;
      justify-content: space-between;

    }

    .total-view{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: $block-y $block-x;
      padding-top: 0;
    }

  }

}
